<!DOCTYPE html>
<html>
<head>
    <title>找回密码</title>
    <#include "../_inc/_mobile_resource.html" />
</head>
<body>
<!--头部Begin-->
<div class="header">
    <div class="header_btn-back1"><a href="#"></a></div>
    <div class="header_titl1">找回密码</div>
</div>
<!--头部end-->

<!--内容Begin-->
<div class="container_wrapper" style="padding:0px;">
    <div class="content">
        <ul>
            <!--通过手机号找回密码-->
            <div class="findCode">
                <input type="radio" checked name="findCode" value="0">
                <label class="t_f">通过手机号找回</label>
 				<form id="getPwdByMobileFirst" action="${webroot}/app/user/getpwd.html" method="post">
	                <div class="findCodePhone findCodeLayer">
	                    <ul>
	                    <li>
	                        <!-- 输入框-->
	                        <div class="inputCode repaymentAmount">
	                            <input id="mobilePhone" class="inputText" type="text" placeholder="请输入手机号码" name="mobilePhone">
	                        </div>
	                        <input type="hidden" name="getType" value="2" />
	                        <input type="hidden" name="step" value="1" />
	                        <!-- 正确标签-->
	                        <div class="codeRight"><img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png"></div>
	                        <!-- 错误信息标签-->
	                        <div class="codeWrong">手机号码不存在</div>
	                    </li>
	                    <li>
	                        <div  class="inputCode">
				                <img class="vaildimg" src="/validimg.html" align="absmiddle"  onClick="this.src='/validimg.html?t=' + Math.random();" style="float: right; width:30%;height: 90px;" alt="点击刷新" />
				                <input id="validCodePhone" maxlength="256" class="inputText" type="text" placeholder="请输入验证码" name="valicode" style="width: 65%;">
			                </div>
	                    </li>
	                    <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">找回密码</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByMobileSec" action="${webroot}/app/user/getpwd.html" method="post" style="display: none;">
	                <div class="findCodePhone findCodeLayer">
	                    <ul>
	                    <li >
	                <!-- 输入框-->
			                <div class="inputCode oldCode">
			                    <label class="inputCodeLabel">手机号：</label><span class="inputCodeInfo" id="sendMobile"></span>
			                </div>	
			                <input type="hidden" name="mobilePhone" id="sendMobileIpt" value="1"> 
			                <input type="hidden" name="getType" value="2" />
	                        <input type="hidden" name="step" value="2" />               
			            </li>
			            <li>
		                <!-- 输入框-->
			                <div class="inputCode ">
			                    <div class="inputNumber yzminput2">
			                        <input id="phoneCode" class="inputText" type="text" placeholder="请输入手机验证码" name="code">
			                    </div>
			                    <div class="getNumber btnyzm-1">
			                    <a href="javascript:void(0)" id="getPhoneCodeEdit">重新发送</a>
			                    <a href="javascript:void(0)" id="getPhoneCodeEditHid" style="display: none;"></a>
			                    </div>
			                </div>
			                
			            </li>
			            <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">下一步</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByMobileThird" action="${webroot}/app/user/getpwd.html" method="post" style="display: none;">
	                <div class="findCodePhone findCodeLayer">
	                    <ul>
	                    <li >
                		<!-- 输入框-->
			                <div class="inputCode newCode">
			                    <input id="pwd" class="inputText" type="password" placeholder="请输入登录密码" name="pwd" id="pwd">
			                </div>
			                <input type="hidden" name="getType" value="2" />
	                        <input type="hidden" name="step" value="3" /> 
	                        <input type="hidden" name="mobilePhone" id="mobilePhoneThird" value="1" />
			                <!-- 正确标签-->
			                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
			                <!-- 错误信息标签-->
			                <div class="codeWrong" >密码格式不正确</div>
			            </li>
			            <li >
			                <!-- 输入框-->
			                <div class="inputCode newCode">
			                    <input id="confirmNewPwd" class="inputText" type="password" placeholder="请确认登录密码" name="confirmNewPwd" >
			                </div>
			                <!-- 正确标签-->
			                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
			                <!-- 错误信息标签-->
			                <div class="codeWrong" >两次输入的密码不一致</div>
			                 <input type="hidden" name="userType" value="1">
			            </li>
			            <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">下一步</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByMobileForth" style="display: none;">
		      		 <div class="findCodePhone findCodeLayer">
		      		<ul>
			            <li >
			                <!-- 输入框-->
			                <div class="inputCode oldCode">
			                    <span style="display: block; text-align: center; font-size: 20px;"><font id="usernameForth" style="color:red;"></font>修改密码成功</span>
			                </div>	          
			            </li>
			            
			            <li>
			                <div class="changeCodeButten"> <a class="tarlogin" href="${mobileroot}/user/login.html">立即登录</a></div>
			            </li>
		           </ul>
		           </div>
		      </form>
            </div>
            <!--通过邮箱找回-->
            <div class="findCode">
                <input type="radio"  name="findCode" value="1">
                <label class="t_f">通过邮箱找回</label>
				<form id="getPwdByEmailFirst" action="${webroot}/app/user/getpwd.html" method="post">
	                <div class="findCodeMail findCodeLayer">
	                    <ul>
	                    <li>
	                        <!-- 输入框-->
	                        <div class="inputCode repaymentAmount">
	                            <input id="email" class="inputText" type="text" placeholder="请输入邮箱地址" name="email">
	                        </div>
	                        <input type="hidden" name="getType" value="1" />
	                        <input type="hidden" name="step" value="1" />
	                        <!-- 正确标签-->
	                        <div class="codeRight"><img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png"></div>
	                        <!-- 错误信息标签-->
	                        <div class="codeWrong">手机号码不存在</div>
	                    </li>
	                    <li>
	                        <div  class="inputCode">
				                <img class="vaildimg" src="/validimg.html" align="absmiddle"  onClick="this.src='/validimg.html?t=' + Math.random();" style="float: right;width:30%;height: 90px;" alt="点击刷新" />
				                <input id="validCodeEmail" maxlength="256" class="inputText" type="text" placeholder="请输入验证码" name="valicode" style="width:65%;">
			                </div>
	                    </li>
	                    <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">找回密码</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByEmailSec" action="${webroot}/app/user/getpwd.html" method="post" style="display: none;">
	                <div class="findCodeMail findCodeLayer">
	                    <ul>
	                    <li >
	                <!-- 输入框-->
			                <div class="inputCode oldCode">
			                    <label class="inputCodeLabel">邮箱：</label><span class="inputCodeInfo" id="sendEmail"></span>
			                </div>	
			                <input type="hidden" name="email" id="sendEmailIpt" value="1"> 
			                <input type="hidden" name="getType" value="1" />
	                        <input type="hidden" name="step" value="2" />               
			            </li>
			            <li>
		                <!-- 输入框-->
			                <div class="inputCode ">
			                    <div class="inputNumber yzminput2">
			                        <input id="emailCode" class="inputText" type="text" placeholder="请输入邮箱验证码" name="code">
			                    </div>
			                    <div class="getNumber btnyzm-1">
			                    <a href="javascript:void(0)" id="getEmailCodeEdit">重新发送</a>
			                    <a href="javascript:void(0)" id="getEmailCodeEditHid" style="display: none;"></a>
			                    </div>
			                </div>
			                
			            </li>
			            <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">下一步</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByEmailThird" action="${webroot}/app/user/getpwd.html" method="post" style="display: none;">
	                <div class="findCodeMail findCodeLayer">
	                    <ul>
	                    <li >
                		<!-- 输入框-->
			                <div class="inputCode newCode">
			                    <input class="inputText" type="password" placeholder="请输入登录密码" name="pwd" id="emailpwd">
			                </div>
			                <input type="hidden" name="getType" value="1" />
	                        <input type="hidden" name="step" value="3" /> 
	                        <input type="hidden" name="email" id="emailThird" value="1" />
			                <!-- 正确标签-->
			                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
			                <!-- 错误信息标签-->
			                <div class="codeWrong" >密码格式不正确</div>
			            </li>
			            <li >
			                <!-- 输入框-->
			                <div class="inputCode newCode">
			                    <input class="inputText" type="password" placeholder="请确认登录密码" name="confirmNewPwd" >
			                </div>
			                <!-- 正确标签-->
			                <div class="codeRight"> <img src="${mobileroot}/${mobiletheme}/images/icon-lr-1.png" ></div>
			                <!-- 错误信息标签-->
			                <div class="codeWrong" >两次输入的密码不一致</div>
			                 <input type="hidden" name="userType" value="1">
			            </li>
			            <li>
			                <div class="changeCodeButten">
			                    <button target="_self" href="#">下一步</button>
			                </div>
			            </li>
	                    </ul>	                    	                   
	                </div>
                </form>
                <form id="getPwdByEmailForth" style="display: none;">
		      		<div class="findCodeMail findCodeLayer">
		      		<ul>
			            <li >
			                <!-- 输入框-->
			                <div class="inputCode oldCode">
			                    <span style="display: block; text-align: center; font-size: 20px;"><font id="usernameEForth" style="color:red;"></font>修改密码成功</span>
			                </div>	          
			            </li>
			            
			            <li>
			                <div class="changeCodeButten"> <a class="tarlogin" href="${mobileroot}/user/login.html">立即登录</a></div>
			            </li>
		           </ul>
		           </div>
		      </form>
            </div>
            <li>
                <!--温馨提示-->
                <div class="reminder"> 温馨提示:<span>&middot; 邮箱用于密码找回，请填入常用邮箱，切勿用他人邮箱。</span></div>
            </li>
            
        </ul>
    </div>
</div>
<!--内容End-->

<#include "../_inc/_mobile_user_footer.html" />
<script type="text/javascript">
    seajs.use("user/getpwd", function () {

    });
</script>
</body>
</html>